<!DOCTYPE html>
<html>

<head>
    <meta charset="utf-8" />
    <title>使用jquery.qrcode生成二维码</title>
</head>

<body>
    <script type="text/javascript" src="js/jquery-3.2.1.min.js"></script>
    <script type="text/javascript" src="js/jquery.qrcode.js"></script>
    <script type="text/javascript" src="js/qrcode.js"></script>
    <script type="text/javascript" src="js/utf.js"></script>
    <p>Render in table</p>
    <div id="qrcodeTable"></div>
    <p>Render in canvas</p>
    <div id="qrcodeCanvas"></div>
    <script>
	    $('#qrcodeTable').qrcode({
	        render: "table", 	// 二维码生成方式
	        text: "https://mounui.com", // 二维码内容
	        width: "200", 		// 二维码的宽度
	        height: "200",
	    });
	    $('#qrcodeCanvas').qrcode({
	        render: "canvas",
	        text: "https://mounui.com",
	        width: "200", 	// 二维码的宽度
	        height: "200", 	// 二维码的高度
	        background: "#ffffff", 	// 二维码的后景色
	        foreground: "#000000", 	// 二维码的前景色
	        src: 'img/logo.png' 	// 二维码中间的图片
	    });
    </script>
</body>

</html>